title: Repeat multiple tags without creating a container in Aurelia
body: <p>Let's suppose I have:</p>
  
  <pre><code>&lt;template&gt;
    &lt;!-- some code here --&gt;
    &lt;div&gt;
      &lt;div repeat.for="item of arr"&gt;
        &lt;label for.bind="item.id"&gt;${item.name}&lt;/label&gt;
      &lt;/div&gt;
      &lt;div repeat.for="item of arr"&gt;
        &lt;input type="text" id.bind="item.id" value.bind="item.value" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- more code here --&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>And let's suppose that the <code>arr</code> property of my ViewModel is:</p>
  
  <pre><code>arr = [
    { id: 'txtID', name: 'ID', value: '' },
    { id: 'txtFirstName', name: 'First Name', value: '' },
    { id: 'txtLastName', name: 'Last Name', value: '' }
  ];
  </code></pre>
  
  <hr>
  
  <p>Aurelia will render it like this:</p>
  
  <pre><code>&lt;!-- some code here --&gt;
  &lt;div&gt;
    &lt;div&gt;
      &lt;label for='txtID'&gt;ID&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;label for='txtFirstName'&gt;First Name&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;label for='txtLastName'&gt;Last Name&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" id="txtID" value="" /&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" id="txtFirstName" value="" /&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" id="txtLastName" value="" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- more code here --&gt;
  </code></pre>
  
  <p>But I need it to render like this:</p>
  
  <pre><code>&lt;!-- some code here --&gt;
  &lt;div&gt;
    &lt;div&gt;
      &lt;label for='txtID'&gt;ID&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" id="txtID" value="" /&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;label for='txtFirstName'&gt;First Name&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" id="txtFirstName" value="" /&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;label for='txtLastName'&gt;Last Name&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" id="txtLastName" value="" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- more code here --&gt;
  </code></pre>
  
  <hr>
  
  <p>There are two conditions:</p>
  
  <ol>
  <li>I can't put them into a container</li>
  <li>I can't create a custom element</li>
  </ol>
  
  <p>And, guys, please, I kindly ask you to understand that my question is:</p>
  
  <p><strong>How can I use repeat.for to repeat multiple items without creating a container</strong>?</p>
  
  <p>Don't suggest to change my HTML, or anything like that, because I've created this only as an example for something I always need and always end by creating a container (or a containerless custom element, when I can't have a container), but I'd like to know if there is any way of doing this smoothly.</p>
  
  <hr>
  
  <p>For example, in KO, as soon as we put the <code>foreach</code> command in the parent, I could simply do:</p>
  
  <pre><code>&lt;!-- some code here --&gt;
  &lt;div data-bind="foreach: arr"&gt;
    &lt;div&gt;
      &lt;label data-bind="for: id"&gt;{{name}}&lt;/label&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input type="text" data-bind="id: id, value: value" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- more code here --&gt;
  </code></pre>