Color Chooser Illustrates ViewModel Hierarchy Questions

If you are building elements in a loop, can you use {{#each }}?

Component.extend({
  tag: "my-app",
  view: `{{#each colors}}<color-block color:from="this"/>{{/each}}`
  ViewModel: {
    colors: {
      default: (){
        return [{name: "black", value: "#000"}, ....]
      }
    }
  }
})