Knockout Foreach binding

HTML

<div data-bind="foreach: test" id="items">
<div data-bind="text: $data">
    
    </div>
</div>

JavaScript

var ViewModel = function() {
    var self = this;
    self.searchRequest = {
        Items: ko.observableArray([{
            ItemName: ko.observable("")}])
    };

    self.addItem = function() {
        self.searchRequest.Items.push({
            ItemName: ko.observable(""),
        });
    };
    self.test = ko.observableArray([undefined, 1,2,3,undefined,4,5 ,undefined, undefined, undefined]);
}

ko.applyBindings(new ViewModel());