title: Knockout.js - Dynamic columns but limit to a maximum of 5 for each row
body: <p>I found a similar question/answer here: <a href="https://stackoverflow.com/questions/7414332/knockout-how-to-render-a-table-with-some-fixed-and-some-dynamic-columns">How to render a table with some fixed and some dynamic columns</a></p>
  
  <p>But it does not completely solve my problem. I am trying to figure out how I can limit the number of dynamic columns to 5 per row and if there are more than 5 items in the view model, make a new row and repeat for all groups of 5 in the array.</p>
  
  <p>For example:</p>
  
  <pre><code>var vm = {
      item: { name: 'test1' },
      item: { name: 'test2' },
      item: { name: 'test3' },
      item: { name: 'test4' },
      item: { name: 'test5' },
      item: { name: 'test6' }
  };
  </code></pre>
  
  <p>Give that model, how can I get this table?</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
        &lt;td&gt;test1&lt;/td&gt;
        &lt;td&gt;test2&lt;/td&gt;
        &lt;td&gt;test3&lt;/td&gt;
        &lt;td&gt;test4&lt;/td&gt;
        &lt;td&gt;test5&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;test6&lt;/td&gt;
     &lt;tr&gt;
  &lt;/table&gt;
  </code></pre>