title: ForEach List knockout to display in different divs, possible?
body: <p>I have my List that binded to my parentDiv</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="parentDivLegende" data-bind="template: {name: 'legende', foreach : ListeLegende}"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  
  <br>
  And for each elements it generates a div, that contains two mo divs, see below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script id="legende" type="text/html"&gt;
      &lt;div class="PaddingLegende"&gt;
          &lt;div class="CircleLegendeColor imgLegende" data-bind="style: { backgroundColor : Couleur}"&gt;&lt;/div&gt;
          &lt;div data-bind="text: Libelle" class="TextLegende"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But, foreach 3 elements, I want to create a new divParent, I want it to look like this: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="parentDivLegende"&gt;
              &lt;div class="PaddingLegende"&gt;
                  &lt;div class="CircleLegendeColor imgLegende" data-bind="style: { backgroundColor : Couleur}"&gt;&lt;/div&gt;
                  &lt;div data-bind="text: Libelle" class="TextLegende"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="PaddingLegende"&gt;
                  &lt;div class="CircleLegendeColor imgLegende" data-bind="style: { backgroundColor : Couleur}"&gt;&lt;/div&gt;
                  &lt;div data-bind="text: Libelle" class="TextLegende"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="PaddingLegende"&gt;
                  &lt;div class="CircleLegendeColor imgLegende" data-bind="style: { backgroundColor : Couleur}"&gt;&lt;/div&gt;
                  &lt;div data-bind="text: Libelle" class="TextLegende"&gt;&lt;/div&gt;
              &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Means, starting at 3rd, 7th, 10th etc elements I want it to open a new parent div.</p>
  
  <p>Thanks in advance!</p>