Untitled

    <body>

    <table border="1">
        <thead>
        <tr><th>Value</th></tr>
        </thead>
        <tbody data-bind="foreach: aligns">
        <tr>
            <td><input data-bind="value: value" placeholder="value" /></td>
        </tr>
        </tbody>
    </table>

    <script type="text/javascript">
        function align(value) {
            return {
                value: ko.observable(value)
            };
        }

        var viewModel = {
            aligns: ko.observableArray([new align("1h"), new align("2h"),
                new align("3h"), new align("4h"),new align("5h"), new align("6h"),
                new align("7h"), new align("8h"), new align("9h"),new align("10h"),
                new align("11h"), new align("12h")])
        };

        ko.applyBindings(viewModel);
    </script>

    </body>