ko.applyBindings({ aryData: [1, 2, 3, 4, 5, 6, 7, 8, 9] });
<script type="text/html" id="tmpLayout"> <tbody data-bind="foreach: { data: $data, as: 'x' }"> <tr data-bind="foreach: { data: $root.aryData, as: 'y' }"> <td data-bind="text: x + 'x' + y + '=' + x * y"></td> </tr> </tbody> </script> <div> <table border="1" data-bind="template: { name: 'tmpLayout', data: aryData }"> </table> </div>