Remover elementos especificos

Front-end JavaScript
#1

preciso remover toda a lista, mantendo so os 3 primeiros ao clicar no menu ATRASADAS.

HTML:

TODO supply a title 
    <header class="topo">
        Em andamento 
        <button class="botao" onclick="clicar();">Cadastrar lorem</button>
    </header>
    <div class="email">
       <ul id="lista_menu">
           <li onclick="marcar(this);">
               <a ><input type="checkbox" name="opcoes"/>Aliqua aliquip</a>
               <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
            <li onclick="marcar(this);" class="cor">
                <a ><input type="checkbox" name="opcoes"/>Dolore aliqua veniam</a>
                <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
            <li onclick="marcar(this);">
                <a><input type="checkbox" name="opcoes"/>Eiusmod duis proident
                    <button id="botao1">Alteração</button></a>
                    <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
            <li onclick="marcar(this);" class="cor">
                <a ><input type="checkbox" name="opcoes"/>Exercitation enim
                    <button id="botao2">Novo</button></a>
                    <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
            <li onclick="marcar(this);">
                <a><input type="checkbox" name="opcoes"/>Labore nulla</a>
                <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
            <li onclick="marcar(this);" class="cor">
                <a ><input type="checkbox" name="opcoes"/>Lorem pariatur ipsum
                    <button id="botao2">Novo</button></a>
                    <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
            <li onclick="marcar(this);">
                <a><input type="checkbox" name="opcoes"/>Occatcat adipisicing</a>
                <a class="unique" href="#">exemplo@square.com.br</a>
            </li>
       </ul>    
    </div>      
</body>

javaScript

var list = document.getElementById(‘lista_menu’);
for(var i = 3; i < list.length; i++){
list[i].removeChild(list.childNodes[i]);
}

help