Lo que puedes hacer es crear el html para las dos columnas de esta manera:


<!-- language: lang-php -->

    <?php
    // example code
    $par =[ 0,1, 0 ,2,0,0];

    $col1 = "";
    $col2 = "";
    foreach ($par as $p) {

    if($p == 0){
     $col1 .= 
      "<div class='col1'>
        El valor es: {$p}
      </div>";
    }

    if($p != 0){
      $col2 .= 
      "<div class='col2'>
        El valor es:{$p}
      </div>";
     }
     
    }



Ahora puedes utilizar `$col1` y `$col2` allá donde los necesites:

    echo $col1;
    .......
    echo $col2;



###Actualización

El OP comenta:
>Gracias por tu respuesta. Así se han eliminado los elementos que salían vacíos pero no coloca las dos columnas en paralelo

A continuación puedes utilizar las dos variables de esta manera:

    <section>
    <article>
    <?php echo $col1; ?>
    </article>
    <article>
    <?php echo $col1; ?>
    </article>  
    </section>

Lo que resultaría en un HTML así: 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    section{display:flex; width:100vw;}

    [class ^=col]{
      width:45vw;
      margin:1em .5em;
      border:1px solid;
      line-height:100px;
    	height: 100px;
      text-align:center;
    }


<!-- language: lang-html -->

    <section>
    <article>
    <div class='col1'>
        El valor es: 0
      </div>
    <div class='col1'>
        El valor es: 0
      </div>
    <div class='col1'>
        El valor es: 0
      </div>
    <div class='col1'>
        El valor es: 0
      </div>
    </article>
    <article>
    <div class='col2'>
        El valor es:1
      </div>
    <div class='col2'>
        El valor es:2
    </div>
    </article>  
    </section>

<!-- end snippet -->



Para colocar las dos columnas en paralelo basta con añadir `section{display:flex;}` en el CSS. Alternativamente puedes utilizar `article{float:left}` o `article{display:inline-block}` u otro método que te guste para poner las dos columnas en paralelo